.video {
	width: 100%;
   height: 400upx;
}

.movie-detail{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 40upx 0 40upx 20upx;
	
	
}
.movie-detail-img{
	width: 270upx;
	height: 390upx;
	

}
.img{
	width: 100%;
	height: 100%;
}
.movie-info-wrap{
	margin-left:20upx;
	font-size:12px;
	color:#C0C0C0;
    margin-right: 20upx;
	flex:1;
}
.movie-desc{
	margin-top: 10upx;
	line-height:36upx ;
	overflow: hidden;
	white-space: nowrap;
	
}
.movie-title{
	color:#333;
	font-size:24px;
	

}

/* rote Start */
.movie-rote{
     display: flex;
	 width: 400upx;
	 height: 140upx;
	 margin-top:20upx;
	 margin-left: 20upx;
	 background-color: #EAEAEA;
	 box-shadow: 3px 3px 5px #C0C0C0;
}
.rote-left{
	width: 50%;
	background-color: #007AFF;
}
.left-top{
	text-align: center;
	height: 80upx;
	line-height: 60upx;
}
.left-buttom{
height: 80upx;
text-align: center;
line-height: 18upx;
font-size: 22px;
color:#e8b200;
}
.rote-right{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* #ifdef H5 */
   .start{
   	   	margin-left:100upx;
   	   }
/* #endif */

/* plotDesc end */
     .plotDesc{
		 margin: 0 20upx;
		 border-top: 1px solid #C0C0C0;
	 }
	 .plotDesc-title{
		 height: 80upx;
		 line-height: 80upx;
		 font-size: 12px;
		 color: #C0C0C0
	 }
	 .plotDesc-text{
		 font-size: 14px;
		 font-weight: 600;
	 }
/* plotDesc end */

.plotPics{
	margin-top: 20upx;
}

.plotPics-title{
	padding: 0 20upx;
	height: 80upx;
	line-height: 80upx;
	font-size:14px;
	color:#C0C0C0;
}
.plotPics-scroll{
	white-space: nowrap;
	
	
}

.plotPics-item{
	display: inline-block;
    width: 220upx;
    height: 320upx;
    text-align: center;
	margin-left: 10upx;


	
}
.plotPics-img{
	width: 100%;
	height: 100%;
	
}
.name{
	font-size:14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	

}
.actname{
	font-size:12px;
	color:#C0C0C0;

}
.lastItem{
	margin-right: 10upx;
}